.cop {

    font-weight: 600;

    margin: 10px 0px 20px 0px;

    color: #033363;

}



.logo {

    padding: 20px;

    font-size: 24px;

    width: 100%;

    background-color: #fff;

    box-shadow: #b0b0b0 0px 0px 8px 0px !important;

}



.content {

    cursor: pointer;

    border-radius: 15px;

    background-color: green;

}



.content:hover {

    font-weight: 600;

    color: #013261 !important;

    box-shadow: #b0b0b0 10px 10px 1000px 0px !important;

}



.content-icon {

    width: 90px;

    height: 90px;

    /* margin: 5px; */

}



.content-icon:hover {

    /* width: 520px; */

    border-radius: 25px;

}



@media (max-width: 567px) {

    .content-icon {

        width: 30px;

        height: 30px;

    }

}

/* .content-category {

    width: 650px;

    height: 250px;

} */



.content-list:hover {

    color: orangered;

}



div.content {

    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2),

        0 10px 80px 0 rgba(0, 0, 0, 0.19);

    text-align: center;

}



a {

    text-decoration: none;

}

.icon-img {

    width: 20px;

    height: 20px;

}

/* css tambahan dropdown */
.dropdown-item1 {
    
    padding: 0.1rem 0.1rem;
    font-size: small;
    
}
.dropdown-menu1{
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 10rem;
padding: 0.1rem 0;
margin: .125rem 0 0;
font-size: 1rem;

}
/* yang lama .mt-2 .my-2 */
.mt-22,
.my-22 {
    margin-top: -0.0rem !important;
}
/*  end css tambahan dropdown */

/*  end css tambahan baground */
 .mipplogo {
     width: 40%;
     padding-bottom: 4px;
     text-align: center;
 }

 .baground-body{
     background: rgb(116, 114, 114);
     color: #666666;
     font-family: "Open Sans",
     sans-serif;
 }
 .bg-nav{
         background-color: #c5c1c1 !important;
 }